<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>

</head>
<body>
    <table border="1" id="myTab">
        <tr>
            <th>姓名</th>
            <th>学校</th>
            <th>班级</th>
            <th>联系方式</th>

        </tr>
        <tbody id="rows">
        <script>
            var stu= [
                {"姓名": "ggfds1", "学校": "理工大学", "班级": "1420334", "联系方式": "13346985623","操作":"<a href='javascript:;' onclick='del(this);'>删除</a></td>"},
                {"姓名": "ggfds2", "学校": "理工大学", "班级": "1420334", "联系方式": "13346985623"},
                {"姓名": "ggfds3", "学校": "理工大学", "班级": "1420334", "联系方式": "13346985623"},
                {"姓名": "ggfds4", "学校": "理工大学", "班级": "1420334", "联系方式": "13346985623"}
            ];

            for (var index in stu) {
                document.write("<tr>");
                document.write("<td>" + stu[index].姓名 + "</td>");
                document.write("<td>"+ stu[index].学校 + "</td>");
                document.write("<td>"+stu[index]. 班级  + "</td>");
                document.write("<td>" +stu[index]. 联系方式 + "</td>");

                document.write("</tr>");
            }

          function add(){

                  var tabObj=document.getElementById("myTab");//获取添加数据的表格
                  var rowsNum = tabObj.rows.length;  //获取当前行数
                  var colsNum=tabObj.rows[rowsNum-1].cells.length;//获取行的列数
                  var myNewRow = tabObj.insertRow(rowsNum);//插入新行
                  var newTdObj1=myNewRow.insertCell(0);
                  newTdObj1.innerHTML="  ";
                  var newTdObj2=myNewRow.insertCell(1);
                  newTdObj2.innerHTML="<input type='text' name='nodecode' id='nodecode'"+rowsNum+" style='width:40px' value='"+rowsNum+"'/>";
                  var newTdObj3=myNewRow.insertCell(2);
                  newTdObj3.innerHTML="<input type='text' name='nodename' id='nodename'"+rowsNum+" style='width:120px' />";
                  var newTdObj4=myNewRow.insertCell(3);
                  newTdObj4.innerHTML="<input type='text' name='nodeper' id='nodeper'"+rowsNum+" style='width:60px' />";

          }
            function c(){
                var table=document.getElementById("myTab");
                var len=table.rows.length;
                table.deleteRow(len-1);}
        </script>
        </tbody>
    </table>
       <input type="button" value="添加一行" onclick="add()"/>
       <input type="button" value="删除一行" onclick="c()"/>


</body>
</html>